$J_ = jQuery.noConflict();
var teller = 0;
var forsinkelse = 500;
function fjernFrontKlassenFraForrigeElement(bilder, teller) {
    var antall = bilder.size();
    var bildenummer = (teller) % antall;
    var bildeSomSkalFjernes;
    // her begynt loopen på nytt
    if (bildenummer === 0) {
        bildeSomSkalFjernes = antall - 1;
    } else {
        bildeSomSkalFjernes = bildenummer - 1;
    }
    var bilde = bilder.get(bildeSomSkalFjernes);
    // Bytter bare bilde med animasjon dersom det er flere enn ett bilde
    if (bilder.size() > 1) {
        $J_(bilde).animate({
            opacity : 0.0
        }, forsinkelse);
    }

}

function setFrontKlassenPaElement(bilder, teller) {
    var antall = bilder.size();
    if (antall !== 0) {
        var bildenummer = (teller % antall);
        var bilde = bilder.get(bildenummer);
        $J_(bilde).animate({
            opacity : 1
        }, forsinkelse);
    }
}

function byttBilde() {
    teller = teller + 1;
    var $J_bildelister = $J_('.artikkel .bilder');
    $J_bildelister.each(function() {
        var $J_bilder = $J_(this).find("img");
        fjernFrontKlassenFraForrigeElement($J_bilder, teller);
        setFrontKlassenPaElement($J_bilder, teller);
    });
}
function setAlleBilderSomGjennomsiktigeOgLeggDeOppaHverandre()
{
    var $J_bilder = $J_('.artikkel .bilder img');
    $J_bilder.css({"opacity":0, "position": "absolute"});
    /*
     * $J_bilder.each(function() { $J_(this).animate( { opacity : 0.0, position:
     * "absolute" }, 0); })
     */
}

$J_(function() {
    setAlleBilderSomGjennomsiktigeOgLeggDeOppaHverandre();
    // Kjører med en gang slik at første bilde vises
    byttBilde();
    setInterval(byttBilde, 3000);
});